﻿@model NoteTableUI.Models.LogOnModel
@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <title>NoteTable</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="@Url.Content("~/Content/matrix/bootstrap.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/matrix/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/matrix/matrix-login.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/font-awesome/css/font-awesome.css")" rel="stylesheet" type="text/css" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' />
</head>
<body>
    @*<span class="pull-right"><a href="Register" class="btn btn-warning">@Resources.Resources.Register</a></span>*@
    <div id="loginbox">
        @using (Html.BeginForm(null, null, FormMethod.Post, new { Class = "form-vertical", id = "loginform" }))
        {
            <div class="control-group normal_text">
                <h3>
                    <img src="@Url.Content("~/Content/images/logo.png")" alt="Logo" /></h3>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
                        <span class="add-on bg_lg"><i class="icon-user"></i></span>
                        <input type="text" placeholder="@Resources.Resources.Username" id="Model.UserName" name="Model.UserName" />
                    </div>
                </div>
            </div>
            <div class="control-group">
                <div class="controls">
                    <div class="main_input_box">
                        <span class="add-on bg_ly"><i class="icon-lock"></i></span>
                        <input type="password" placeholder="@Resources.Resources.Password"id="Model.Password" name="Model.Password" />
                    </div>
                </div>
            </div>
            <div class="form-actions">
                <span class="pull-left"><a href="#" class="flip-link btn btn-info" id="to-recover">@Resources.Resources.Lostpassword</a></span>
                <span class="pull-right"><a type="submit" class="btn btn-success" id="submit">@Resources.Resources.LogOn</a></span>
            </div>
        }
        <form id="recoverform" action="#" class="form-vertical">
        <p class="normal_text">
            Enter your e-mail address below and we will send you instructions how to recover
            a password.</p>
        <div class="controls">
            <div class="main_input_box">
                <span class="add-on bg_lo"><i class="icon-envelope"></i></span>
                <input type="text" placeholder="E-mail address" />
            </div>
        </div>
        <div class="form-actions">
            <span class="pull-left"><a href="#" class="flip-link btn btn-success" id="to-login">
                &laquo; Back to login</a></span> <span class="pull-right"><a class="btn btn-info">Recover</a></span>
        </div>
        </form>
    </div>
    <script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")"></script>
    <script src="@Url.Content("~/Scripts/matrix.login.js")"></script>
</body>
</html>
